<!DOCTYPE html>
<html lang="en">
<head>
<title>DesignStudio</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/CabinSketch_700.font.js"></script>
<script type="text/javascript" src="js/EB_Garamond_400.font.js"></script>
<!-- [if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
.bg {behavior:url(js/PIE.htc)}
</style>
<![endif]-->
<!-- [if lt IE 7]>
<div style='clear:both;text-align:center;position:relative'>
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body id="page1">
<!-- START PAGE SOURCE -->
<div class="main">
  <header>
    <div class="wrapper">
      <nav>
        <ul id="menu">
          <li id="menu_active"><a href="index.html"><span>A</span>bout</a></li>
          <li><a href="TeluguMoviesListServlet"><span>T</span>elugu</a></li>
          <li><a href="EnglishMoviesListServlet"><span>E</span>nglish</a></li>
          <li><a href="HindiMoviesListServlet"><span>H</span>indi</a></li>
          <li><a href="MoviesListServlet"><span>A</span>ll Movies</a></li>
        </ul>
      </nav>
    </div>
    <h1><a href="index.html" id="logo">DesignStudio.com</a></h1>
  </header>
  <section id="content">
    <div class="wrapper">
      <article class="col1">
          <a href="createNewMovie.html"><img id="createNew" src="images/addNew.JPG"></img></a>
        <h2>About Me</h2>
        <div class="pad_left1 pad_bot1">
          <div id="slider">
            <div id="for_img">
              <div id="nivo_slider"> <img src="images/img1.jpg" alt=""> <img src="images/img2.jpg" alt=""> <img src="images/img3.jpg" alt=""> <img src="images/img4.jpg" alt=""> <img src="images/img5.jpg" alt=""> </div>
            </div>
          </div>
          <div class="pad">
            <p><strong>AbhiMoviesCollection</strong>is a website that clearly illustrates my passion for movies. </p>
            <p> Feel free to surf the site to see my movie collectio</p>
          </div>
        </div>
        <h2><span>About My Movie Collection</span></h2>
        <div class="pad_left1">
          
        </div>
      </article>
      <article class="col2">
         
        <h3>Latest Movies</h3>
        <ul class="ul_works">
          <li><a href="#"><img src="images/page1_img1.png" alt=""></a></li>
          <li><a href="#"><img src="images/page1_img2.png" alt=""></a></li>
        </ul>
          <h4>My Recent Favs</h4>
        <div class="tweets">
          <p>Atharintiki Dharedhi<br>
            <a href="#">TELUGU</a></p>
          <p>Gravity<br>
            <a href="#">ENGLISH</a></p>
          <p>PHATA POSTER NIKALA HAY HERO<br>
            <a href="#">HINDI</a></p>
        </div>
        
      </article>
    </div>
  </section>
  <footer>
    <div class="wrapper">
      <article class="col">
        
      </article>
      <article class="col pad_left2">
        <h5>Movie Links</h5>
        <ul class="list1">
          <li><a href="#">moviemaja.com</a></li>
          <li><a href="#">movietadaa.com</a></li>
          <li><a href="#">freemovies.com</a></li>
          <li><a href="#">torrentz.com</a></li>
          <li><a href="#">mycozymovies.com</a></li>
        </ul>
      </article>
      <article class="col pad_left2">
        <h5>Follow Me</h5>
        <ul class="icons">
          <li><a href="#"><img src="images/icon1.jpg" alt="">Facebook</a></li>
          <li><a href="#"><img src="images/icon2.jpg" alt="">Gmail</a></li>
          <li><a href="#"><img src="images/icon3.jpg" alt="">Twitter</a></li>
       
        </ul>
      </article>
      <article id="newsletter">
        <h5>Search My Movies</h5>
        <form id="newsletter_form" action="#">
          <div class="wrapper">
            <input class="input" type="text" value="Enter a movie name">
          </div>
          <a href="#">Search</a>
        </form>
      </article>
    </div>
    <article class="privacy"> Copyright &copy; 2010 <a href="#">AbhiMoviesCollection.com</a> - All Rights Reserved
      Design by Teja</article>
    <a href="index.html" class="footer_logo">AbhiMovies<span>Collection</span>.com</a> </footer>
</div>
<script type="text/javascript">Cufon.now();</script>
<script type="text/javascript">
$(window).load(function() {
	$('#nivo_slider').nivoSlider({
		effect:'fold', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft'
		slices:7,
		animSpeed:500,
		pauseTime:6000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:true, //Next & Prev
		directionNavHide:false, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
		controlNavThumbsFromRel:false, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true, //Use left & right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:1, //Universal caption opacity
		beforeChange:function(){},
		afterChange:function(){},
		slideshowEnd:function(){} //Triggers after all slides have been shown
	});
});
</script>
<!-- END PAGE SOURCE -->
</body>
</html>